<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ the_title }}</title>
        <link rel="stylesheet" href="/static/style.css" />
</head>
<body style="background-color: chartreuse">

<div class="page-header" align="center" style="font-size : 40px;position: absolute;margin-top: 70px;margin-left: 780px">
<h1>Hello</h1>
<h1>Welcome</h1>
</div>
<div >
<div class="page-header" align="center"style="position: absolute;margin-top: 450px;margin-left: 600px">
<form method="post" action="/cat">
<button type="submit" class="btn btn-xs btn-primary" style="font-size : 20px;width:90px;height:30px;">猫类！</button>
</form></div>

<div class="page-header" align="center"style="position: absolute;margin-top: 450px;margin-left: 800px">
<form method="post" action="/dog">
<button type="submit" class="btn btn-xs btn-primary" style="font-size : 20px;width:90px;height:30px;">犬类！</button>
</form></div>

<div class="page-header" align="center"style="position: absolute;margin-top: 450px;margin-left: 1000px">
<form method="post" action="/plants">
<button type="submit" class="btn btn-xs btn-primary" style="font-size : 20px;width:90px;height:30px;">植物！</button>
</form></div>

<div class="page-header" align="center"style="position: absolute;margin-top: 450px;margin-left: 1200px">
<form method="post" action="/water">
<button type="submit" class="btn btn-xs btn-primary" style="font-size : 20px;width:90px;height:30px;">水生！</button>
</form></div>
</div>

</body>
</html>